@import '@arco-design/web-vue/dist/arco.css';
@import "@/style/acro-custom.scss";

* {
    padding: 0;
    margin: 0;
}

html,
body {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}

a {
    display: block;
    width: 100%;
    height: 100%;

    text-decoration: none;
    color: currentColor;
    background: transparent;
    border: none;
    outline: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: currentColor;
    outline: none;
}

.page-container {
    padding: 30px;
    margin: 20px;
    min-height: 60vh;

    background-color: rgba(255, 255, 255, .5);
    backdrop-filter: blur(20px);
}
